Multi Media Gallery

The fullscreen gallery can display images or video (flv and youtube)

Open "fullscreen_gallery.xml". You will see the following settings:

speed="9"                                         //slide speed
buttons="on"                                      //thumbnails on or off
description="on"                                  //description on or off
overlay="off"                                     //pixel overlay effect on or off

Adding Images

First go to the media tag for the node and enter image.

<media>image</media>

Save your images inside "images/fullscreen_gallery/large" folder. In the xml go to the "imagePath" tag for the node and update the path. The images have bitmap smoothing applied in the actionscript to minimize pixilation, which means lower res images can be used, but higher res images are better.

<imagePath>images/fullscreen_gallery/large/image1.jpg</imagePath>

Adding FLV Video

Go to the media tag for the node and enter video.

<media>video</media>

Save your FLV videos inside the "flv" folder. In the xml go to the "videoPath" tag for the node and update the path.

<videoPath>flv/thesavior.flv</videoPath>

Set the buffertime.

<buffTime>3</buffTime>

Adding Youtube Video

Go to the media tag for the node and enter youtube.

<media>youtube</media>

As described in the Single Youtube section above, locate the 11 digit youtube id, and enter it in the youtube tag for the node.

<youtube>7K2GAoBTuc4</youtube>

Enter the desired quality. hd1080, hd720, large, medium or small.

<quality>hd720</quality>

Enter the startFrame. This is the seconds into the movie for it to start. Useful for targeting a specific part of a movie or skipping credits. Enter 0 to start from begining.

<startFrame>4</startFrame>

Adding SWF's

Go to the media tag for the node and enter swf.

<media>swf</media>

Go to the swfPath tag for the node and enter your swf's path.

<swfPath>slideshow.swf</swfPath>

How do I add my thumbnail images? –

Make your thumbnail images 75 wide x 50 high, then save inside "images/fullscreen_gallery/thumbs" folder. Then In the xml go to the thumbPath tag for each node and update the path.

<thumbPath>images/fullscreen_gallery/thumbs/thumb1.jpg</thumbPath>

How do I edit the description text for each image? –

For each node go to the description tag, and edit the text between the <![CDATA[ your text goes here ]]> tags. You can use html tags to change font color, font size, add links etc.

How do I edit the thumb text for each image? –

For each node go to the thumbCaption tag, and edit the text between the <![CDATA[ your text goes here ]]> tags. You can use html tags to format.

How do I add or delete images and videos to the galleries? –

To add or delete images or videos simply add or delete slide nodes in the xml. Example of a slide node:

<slide>
<imagePath>images/fullscreen_gallery/large/image1.jpg</imagePath>
<thumbPath>images/fullscreen_gallery/thumbs/thumb1.jpg</thumbPath>
<videoPath></videoPath>
<buffTime></buffTime>
<swfPath></swfPath>
<media>image</media>
<youtube></youtube>
<startFrame></startFrame>
<quality></quality>
<thumbCaption><![CDATA[Text Goes Here]]></thumbCaption>
<description><![Text Goes Here]]></description>
</slide>

How do I create more multi media galleries? –

Step 1) Duplicate "fullscreen_gallery.xml" and rename it. ie: fullscreen_gallery2.xml

Step 2) Open fullscreen_gallery.fla in Flash, go to the Actions layer, line 324. Change the path to the name of your new xml document.

xml.load("fullscreen_gallery2.xml");

Step 3) Go to file/publish settings in Flash and change the swf output name. ie: ../fullscreen_gallery2.swf

Step 4) Export the fla (Ctrl-enter) to generate your new swf.

Lastly open your new xml doc and edit as desired. You don't have to save the fla, if you do make sure to save with a new name.

How to embed your video player in a webpage using swfObject? –

So here is some general tips on how to embed your player in a html webpage using swfObject. There are other methods but swfObject is the best in my opinion. If you need to install in Wordpress you will have to do that research on your own.
1. Make sure you have the "js" folder in your web directory with "swfObject.js" inside. You can use the one that comes with this download.
2. Copy the following line of code within the <head> tag of your html page.

<script type="text/javascript" src="js/swfobject.js"></script>

Back to top

How do I add special characters? ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖÙÚÛÜÝàáâãäåæçèéêëìíîïðñòóôõöùúûüýþÿ –

If your pulling data from an xml file make sure the xml reads the following at the top, all of my xml documents do so that should not be a problem. Its always good to check.

<?xml version=”1.0” encoding=”utf-8”?>